<notadd-progress-bar></notadd-progress-bar>

<!-- 全屏布局 -->
<ng-container *ngIf="isFullScreen; else isNotFullScreen">
    <router-outlet></router-outlet>
</ng-container>

<!-- layout 布局 -->
<ng-template #isNotFullScreen>
    <layout></layout>

    <button *ngIf="notaddConfig.layout.toolbar.hidden" mat-icon-button class="primary mat-elevation-z2 theme-options-button"
            (click)="toggleSidebarOpen('themeOptionsPanel')">
        <mat-icon>settings</mat-icon>
    </button>

    <notadd-sidebar name="themeOptionsPanel" class="theme-options-sidebar" position="right" [invisibleOverlay]="true">
        <notadd-theme-panel></notadd-theme-panel>
    </notadd-sidebar>
</ng-template>


<!-- Dialog template -->
<ng-template #updateConfirmDialog>
    <h2 matDialogTitle>系统提示</h2>
    <mat-dialog-content>
        <p>新版本可供使用，是否加载更新？</p>
    </mat-dialog-content>
    <mat-dialog-actions align="end">
        <button mat-button matDialogClose>取消</button>
        <button mat-button [mat-dialog-close]="true" cdkFocusInitial color="accent">更新</button>
    </mat-dialog-actions>
</ng-template>
